<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>无标题文档</title>
		<script src="../../scripts/jquery-1.3.1.js"></script>
		<script type="text/javascript">
			$(function() {
				//1、将h3标签中文字"你最喜欢哪个游戏？"替换为"我最讨厌哪个游戏？"。
				$("h3").replaceWith("<b>我最讨厌哪个游戏？</b>");

				//2、将h3标签中文字"你最喜欢哪个游戏？"替换为"我最讨厌哪个游戏？"。
				// $("<b>我最讨厌哪个游戏？</b>").replaceAll("h3");

				//将苹果替换成新元素 
				// $("<li>新元素</li>").replaceAll(".first");

				//将菠萝替换成苹果
				// $('.third').replaceWith($('.first'));

				//将苹果替换成菠萝
				// $('.first').replaceWith($('.third'));

			})
		</script>
	</head>

	<body>

		<h3 title="你最喜欢哪个游戏">你最喜欢哪个游戏？</h3>
		<ol>
			<li title='魔兽世界'>魔兽世界</li>
			<li title='炉石传说'>炉石传说</li>
			<li title='英雄联盟'>英雄联盟</li>
		</ol>


		<h3>例子</h3>
		<div class="container">
			<div class="first">苹果</div>
			<div class="second">橘子</div>
			<div class="third">菠萝</div>
		</div>

	</body>
</html>
